6장 데이터 타입
JS 의 모든 값은 데이터 타입을 갖는다.
크게 원시 타입과 객체 타입으로 나눌 수 있다.
숫자 타입
JS에는 하나의 숫자 타입만 존재함
숫자 타입은 64비트 부동소수점 형식을 따르고, 모든 수를 실수로 처리한다.
정수, 실수, 2진수, 8진수 등은 모두 메모리에 64비트 부동소수점 형식의 2진수로 저장된다고 한. JS 에서는 2,8,16 진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 모두 10진수로 해석함.
var binary = 0b01000001; // 2진수
var octal = 0o101; // 8진수
var hex = 0x41; // 16진수
// 표기법만 다를 뿐 모두 같은 값이다.
console.log(binary); // 65
console.log(octal); // 65
console.log(hex); // 65
console.log(binary === octal); // true
console.log(octal === hex); // true
그래서 정수로 표시되는 수끼리 나누더라도 실수가 나올 수 있다.
// 숫자 타입은 모두 실수로 처리된다.
console.log(1 === 1.0); // true
console.log(4 / 2); // 2
console.log(3 / 2); // 1.5
숫자 타입은 세가지 특별한 값도 표현할 수 있음.
infinity: 양의 무한대-infinity: 음의 무한대NaN: 산술 연산 불가
⚠NaN만 인식함. nan, Nan, NAN 등은 다른 표현임.
➕ 아마도 부동소수점으로 표현하기 때문일 거임.
문자열 타입
JS 에서는 문자열은 원시타입
→ 즉, 문자열이 생성되면 그 문자열을 변경할 수 없음.
템플릿 리터럴
백틱 이용해서 멀티라인, 표현식 삽입, 태그드 템플릿 등의 편리한 문자열 처리기능 사용 가능
파이썬의 f 문자열 이라고 보면 될듯
console.log(`1 + 2 = ${1 + 2}`); // 1 + 2 = 3
undefined 타입
정의되지 않은 값 즉, 초기화 값이라고 보면 된다.
개발자가 의도적으로 할당하기 위한 값이 아닌 JS 엔진이 변수를 초기화 할 때 사용하는 값.
만약 어떤 변수를 참조 했을 때, undefined를 반환하면 초기화 되지 않는 변수라는 것을 알 수 있다.
var foo;
console.log(foo); // undefined
의도적 부재를 사용할 때는 undefined 가 아닌 null 사용
null 타입
변수에 값이 없다는 것을 의도적으로 명시 할 때 사용
할당되어 있던 값에 대한 참조를 명시적으로 제거함. → 아무도 참조하지 않는다면 가비지 콜렉션도 이루어 질 것.
함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null을 반환하기도 한다.
(ex, document.querySelector 메서드 조건에 부합하는 element가 없을때 등)
심벌 타입
- 변경 불가능한 원시 타입 값.
- 리터럴이 아닌 Symbol 함수를 호출해 생성
- 심벌 값은 외부에 노출되지 않으며 다른 값과 절대 중복되지 않는 유일무이한 값
// 심벌 값 생성
var key = Symbol('key');
console.log(typeof key); // symbol
// 객체 생성
var obj = {};
// 이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용한다.
obj[key] = 'value';
console.log(obj[key]); // value
데이터 타입의 필요성
데이터 타입에 의한 메모리 공간의 확보와 참조
변수를 선언하고 값을 할당할 때, 데이터 타입에 따라서 필요한 공간 만큼의 메모리 공간을 확보한다.
변수를 참조할 때, 데이터 타입 만큼의 메모리 공간을 가져와서 저장된 값을 읽어 들일 수 있다.
데이터 타입에 의한 값의 해석
메모리에서 읽어 들인 2진수 값에 대해서 어떤 타입인지 알아야 정확하게 값을 해석할 수 있다.
즉, 데이터 타입이 필요한 이유는
- 필요한 메모리 공간 확보
- 읽어들일 메모리 공간의 크기
- 읽어들인 2진수 값을 어떻게 해석할지
결정하기 위해서 필요함
동적 타이핑
정적타입 언어
c 와 java 같은 정적 타입 언어들은 변수를 선언할 때 변수의 데이터 타입을 사전에 선언함.
컴파일 시점에 타입 체크를 수행하고 통과하지 못하면 에러 발생시킴
동적 타입 언어
JS 같은 동적 타입 언어는 변수 선언할 때 타입을 선언하지 않음.
선언이 아닌 할당에 의해서 타입이 결정됨. 또 재할당에 의해서 동적으로 변함.
- [!] 이로 인해서 유연성은 높지만 신뢰성은 떨어지므로 주의 해야함
typeof 연산자
데이터 타입을 문자열로 반환해줌
var foo;
console.log(typeof foo); // undefined
foo = 3;
console.log(typeof foo); // number
foo = 'Hello';
console.log(typeof foo); // string
foo = true;
console.log(typeof foo); // boolean
foo = null;
console.log(typeof foo); // object
foo = Symbol(); // 심벌
console.log(typeof foo); // symbol
foo = {}; // 객체
console.log(typeof foo); // object
foo = []; // 배열
console.log(typeof foo); // object
foo = function () {}; // 함수
console.log(typeof foo); // function